<template>
	<!--头部-->
    <!-- :style="{'width': zxPageWidth+'px','height':zxPageHeight+'px'}" 页面会滚动 -->
    <div class="vue_app_main">
        <div class="content">
            <div style="width:100%;height:300px;background:pink;">
                <input value="12345566" style="height:100px;width:100%;margin-top:100px;"  />
            </div>
            <div style="width:100%;height:300px;background:green;"></div>
            <div style="width:100%;height:300px;background:red;"></div>
            <div style="width:100%;height:300px;background:yellow;"></div>
            <div style="width:100%;height:300px;background:gray;"></div>
            <div style="width:100%;height:300px;background:blue;"></div>
            <div style="width:100%;height:300px;background:pink;"></div>
        </div>
        <div class="footer">

        </div>
	</div>

</template>

<script>
	import axios from 'axios';
	import { Toast } from '../../utils/toast.js';
	import ImgUpLoader from '../../components/ImgUpload/index';
	import { mapGetters, mapMutations } from "vuex";
    import { CHANGE_NAVIGATION,EXIT_WEBVIEW } from '../../config/postMessage-types';
    import evaluate from './evaluate.vue';
	import { selectCommentConfig,saveGoodsComment} from '../../api/wxh/getData.js';
    import { showLoading, hideLoading } from "../../utils/loading";
	export default {
		data() {
			return {
                
			}
		},
		beforeCreate() {

		},
		components: {
        },
        created(){
            let titleConfig = JSON.stringify({
                type: CHANGE_NAVIGATION,
                params: {
                    title: '商品评价'
                }
            })
            setTimeout(() => {
                window.postMessage(titleConfig)
            },0)
        },
		mounted() {
            
		},
		computed: {
			
        },
        watch: {
            
		},
		methods: {
			
		},
	}
</script>

<style scoped>
   .vue_app_main {
        /* position: absolute;
        overflow-y: auto;
        display: flex;
        flex-direction: column; */
        width: 100%;
        height: 100%;
	}
    .content{
        position: absolute;
        overflow-y: auto;
        bottom: 50px;
        width:100%;
        height: 100%;
        -webkit-overflow-scrolling: touch;
    }
    .footer{
        position: absolute;
        bottom: 0;
        height: 50px;
        width:100%;
        background: #ea3939;
    }
</style>